<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="root">
    <div class="img-gallery-wrapper" id="outer-wrapper">
        <div class="img-gallery" aria-live="polite">
            <div class="img-gallery-content">
                <div class="img-gallery-main-wrapper">
                    <!--按钮-->
                    <button class="img-gallery-icon gallery-button-left gallery-button hidden" id="gallery-button-left">
                        <
                    </button>
                    <button class="img-gallery-icon gallery-button-right gallery-button hidden" id="gallery-button-right">
                        >
                    </button>
                    <button class="img-gallery-icon gallery-button-bottom gallery-button hidden" id="gallery-button-bottom">
                        <img id="pause" src="imgs/play.png" alt="||">
                    </button>
                    <!--展示图-->
                    <div class="img-gallery-show">
                        <div class="img-gallery-main">
                            <!--0-->
                            <div id="img-0" class="gallery-main gallery-main-center"
                                 style="transform: translate(0%)" role="button">
                                <img class="img-gallery-image" src="imgs/1.jpg" loading="eager" alt="图1">
                            </div>
                            <!--1-->
                            <div id="img-1" class="gallery-main gallery-main-right"
                                 style="transform: translate(100%)" role="button">
                                <img class="img-gallery-image" src="imgs/2.jpg" loading="eager" alt="图2">
                            </div>
                            <!--2-->
                            <div id="img-2" class="gallery-main"
                                 style="transform: translate(200%)" role="button">
                                <img class="img-gallery-image" src="imgs/1.jpg" loading="eager" alt="图1">
                            </div>
                            <!--3-->
                            <div id="img-3" class="gallery-main gallery-main-left"
                                 style="transform: translate(-100%)" role="button">
                                <img class="img-gallery-image" src="imgs/2.jpg" loading="eager" alt="图2">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/index.js"></script>
</body>
</html>